<link rel="stylesheet" type="text/css" href="${base}/script/webuploader/webuploader.css"/>
<link rel="stylesheet" type="text/css" href="${base}/script/image-upload/style.css"/>
<div id="wrapper">
    <a id="article-image-ctrl" href="javascript:void(0);">点击查看/上传配图</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a id="article-image-remote" href="javascript:void(0);">下载远程图片</a>

    <div id="container">
        <!--头部，相册选择和格式选择-->
        <div id="uploader">
            <div class="queueList">
                <div id="dndArea" class="placeholder">
                    <div id="filePicker"></div>
                    <p>或将照片拖到这里，单次最多可选300张</p>
                </div>
            </div>
            <div class="statusBar" style="display:none;">
                <div class="progress">
                    <span class="text">0%</span>
                    <span class="percentage"></span>
                </div>
                <div class="info"></div>
                <div class="btns">
                    <div id="filePicker2"></div>
                    <div class="uploadBtn">开始上传</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#article-image-ctrl').on('click', function () {
            $('#container').toggle('normal');
        });
    });
</script>
<script type="text/javascript" src="${base}/script/webuploader/webuploader.js"></script>
<script type="text/javascript" src="${base}/script/image-upload/upload.js"></script>